<!DOCTYPE html>
<html>
<head>
</head>
<body>
<h3>Ruby</h3>
<ruby>你好
    <rt>nihao</rt>
</ruby>
<hr/>
<h3>Address</h3>
<address>chailun road 1800, pudong, shanghai</address>
<hr/>
<h3>Mark</h3>

<p>abcde
    <mark>f</mark>
    ghi
</p>
<hr/>
<h3>cite</h3>
<cite>html5 demo</cite>
<hr/>
<h3>details and summary</h3>
<details open="open">this is details
    <summary>this is summary</summary>
</details>
<hr/>
<h3>progress</h3>
<progress max="100" value="30" style="width: 400px"></progress>

<hr/>
<h3>meter</h3>
<meter value="0.3" min="0" max="1" low="0.3" high="0.6" optimum="1" style="width: 400px"></meter>

<hr/>
<h3>
    content editable
</h3>

<p contenteditable="true"> this is editable</p>

<form>
    <input type="email"/>
    <input type="submit" name="Submit">
</form>

</body>
</html>